<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        #header {
            background-color:black;
            color:white;
            text-align:center;
            padding:5px;
        }
        #nav {
            line-height:30px;
            background-color:#eeeeee;
            height:300px;
            width:100px;
            float:left;
            padding:5px;
        }
        #section {
            width:350px;
            float:left;
            padding:10px;
        }
        #footer {
            background-color:black;
            color:white;
            clear:both;
            text-align:center;
            padding:5px;
        }
    </style>
</head>

<body>

<div id="header">
    <h1>注册界面</h1>
</div>

<div id="section">
    <h2>注册</h2>
    <p>请输入手机号/QQ邮箱:
        <input type="text" name="uname" style="height:26px"/><br/></p>
    <p>请输入密码:
        <input type="password" name="pwd" style="height:26px"/><br/></p>
    <p>请输入验证码:
        <input type="password" name="pwd" style="height:26px"/><br/></p>
    <button type="button">点击注册！</button>
</div>



</body>
</html>